<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-type" content="text/html; charset=utf-8"/>
	<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no"/>
	<meta name="apple-mobile-web-app-capable" content="yes"/>
	<title>EdgeToEdgeStoreList</title>

	<script type="text/javascript" src="../../../deviceTheme.js" data-dojo-config="mblThemeFiles: ['base']"></script>
	<script type="text/javascript" src="../../../../../dojo/dojo.js" data-dojo-config="async: true, parseOnLoad: true"></script>
	<script type="text/javascript">
		var IsEdgeToEdgeList = true;
	</script>
	<script type="text/javascript" src="StoreList.js"></script>
</head>
<body style="visibility:hidden;">
	<script type="dojo/require">
		CustomListItem: "dojox/mobile/tests/doh/CustomListItem"
	</script>
	<div data-dojo-type="dojox.mobile.View">
		<h1 data-dojo-type="dojox.mobile.Heading">EdgeToEdgeStoreList</h1>
		<ul data-dojo-type="dojox.mobile.EdgeToEdgeStoreList" id="list"
			data-dojo-props="store:store, query:{}, itemRenderer: CustomListItem"></ul>
		<p>show the different set:<br>
		<input type="button" value="Set1" onclick="switchTo(store1)">
		<input type="button" value="Set2" onclick="switchTo(store2)">
		<p>alter the object store:<br>
		<input type="button" value="Add" onclick="add1()">
		<input type="button" value="Delete" onclick="delete1()">
	</div>
</body>
</html>
